<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | 后台管理系统 </title>
    {css href="/static/inspinia/css/bootstrap.min.css" /}
    {css href="/static/inspinia/font-awesome/css/font-awesome.css" /}

    {css href="/static/inspinia/css/animate.css" /}
    {css href="/static/inspinia/css/style.css" /}
</head>
<body>

<div id="wrapper">

    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg" />
                             </span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">齐天大圣</strong>
                             </span> <span class="text-muted text-xs block">艺术总监 <b class="caret"></b></span> </span> </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a href="profile.html">个人简介</a></li>
                            <li><a href="contacts.html">通讯录</a></li>
                            <li><a href="mailbox.html">邮箱</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html">退出登录</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        菜单
                    </div>
                </li>

                <li>
                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">控制面板</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="index.html">控制面板 v.1</a></li>
                        <li><a href="dashboard_2.html">控制面板 v.2</a></li>
                        <li><a href="dashboard_3.html">控制面板 v.3</a></li>
                        <li><a href="dashboard_4_1.html">控制面板 v.4</a></li>
                        <li><a href="dashboard_5.html">控制面板 v.5 <span class="label label-primary pull-right">最新</span></a></li>
                    </ul>
                </li>
                <li>
                    <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">布局</span></a>
                </li>
                <li>
                    <a href="#"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">图表</span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="graph_flot.html">Flot Charts图表</a></li>
                        <li><a href="graph_morris.html">Morris.js Charts图表</a></li>
                        <li><a href="graph_rickshaw.html">Rickshaw Charts图表</a></li>
                        <li><a href="graph_chartjs.html">Chart.js图表</a></li>
                        <li><a href="graph_chartist.html">Chartist图表</a></li>
                        <li><a href="graph_peity.html">Peity Charts图表</a></li>
                        <li><a href="graph_sparkline.html">Sparkline Charts图表</a></li>
                    </ul>
                </li>
                <li>
                    <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">邮箱 </span><span class="label label-warning pull-right">16/24</span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="mailbox.html">收件箱</a></li>
                        <li><a href="mail_detail.html">查看邮件</a></li>
                        <li><a href="mail_compose.html">撰写邮件</a></li>
                        <li><a href="email_template.html">邮件模板</a></li>
                    </ul>
                </li>

                <li>
                    <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">控制面板</span> <span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="index.html">控制面板 v.1</a></li>
                        <li><a href="dashboard_2.html">控制面板 v.2</a></li>
                        <li><a href="dashboard_3.html">控制面板 v.3</a></li>
                        <li><a href="dashboard_4_1.html">控制面板 v.4</a></li>
                        <li><a href="dashboard_5.html">控制面板 v.5 <span class="label label-primary pull-right">最新</span></a></li>
                    </ul>
                </li>

            </ul>

        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                    <form role="search" class="navbar-form-custom" action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder="输入搜索关键词..." class="form-control" name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎使用 INSPINIA+ 后台管理系统.</span>
                    </li>
                    <li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> 退出登录
                        </a>
                    </li>
                    <li>
                        <a class="right-sidebar-toggle">
                            <i class="fa fa-tasks"></i>
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>Tabs</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a>UI Elements</a>
                    </li>
                    <li class="active">
                        <strong>Tabs</strong>
                    </li>
                </ol>
            </div>
            <div class="col-lg-2">

            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeIn">


            <div class="row">
            </div>




        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

    </div>
</div>


<!-- Mainly scripts -->
{js href="/static/inspinia/js/jquery-2.1.1.js" /}
{js href="/static/inspinia/js/bootstrap.min.js" /}
{js href="/static/inspinia/js/plugins/metisMenu/jquery.metisMenu.js" /}
{js href="/static/inspinia/js/plugins/slimscroll/jquery.slimscroll.min.js" /}


</body>

</html>
